﻿
<div class="Maps_pageInDex_ks">
    <div class="toolbox_googlemaps_khao_Sat">

        <span>Di chuyển đến: </span>
        <input class="easyui-combotree" value="" style="width:200px;" id="quanhuyen_viewsmaps_khao_sat" name="quanhuyen_viewsmaps_khao_sat">
        &nbsp;&nbsp;&nbsp;
        <a href="#" class="icon_darw" onclick="return cal_chieu_dai()">
              <img src="~/Content/images/design-pen-rule-20.png" />
             <span>Đo khoảng cách</span>
         </a>
    
        <a href="#" class="icon_darw" onclick="return find_point_customer_ks()">
              <img src="~/Content/images/home-24.png" /> 
              Tọa độ khách hàng
         </a>

        <div style="position:absolute; right:20px; top:13px;">


            <a href="#"  class="icon_darw"  onclick="return screenshot_maps_khao_sat()">
                <img src="~/Content/images/camera.png" width="20" />
                  Chụp màn hình
             </a>
            &nbsp;&nbsp;
            <a href="#" class="icon_darw"  onclick="return print_maps_khao_sat()">
                <img src="~/Content/images/print.png" width="20" />
                  In Bản Đồ
             </a>
            &nbsp;&nbsp;
            <a href="#" class="icon_darw"  onclick="return export_maps_khao_sat()">
                <img src="~/Content/images/1418590299_sign-out.png" width="20" />
                  Export File
             </a>

         </div>

    </div>
    <div id="print_map_canvas_ks">
        <div id="map_canvas_ks" style="border: 1px solid #e9e9e9; width: 100%; height: 100%">
        </div>

        <style>

    @@media print {
        path.link {
            fill: none;
            stroke: #f20000;
            stroke-width: 3px;
        }

        .node circle {
            cursor: pointer;
            fill: #fff;
            stroke: steelblue;
            stroke-width: 1.5px;
        }

        .node text {
            font-size: 11px;
            font-family: Arial;
        }

        .labels_vnpt {
            color: red;
            font-family: "Lucida Grande", "Arial", sans-serif;
            font-size: 10px;
            font-weight: bold;
            text-align: center;
            width: 200px;
            padding: 5px; /*border: 2px solid black;*/
            text-align: center;
        }
    }

    path.link {
            fill: none;
            stroke: #f20000;
            stroke-width: 3px;
        }

        .node circle {
            cursor: pointer;
            fill: #fff;
            stroke: steelblue;
            stroke-width: 1.5px;
        }

        .node text {
            font-size: 11px;
            font-family: Arial;
        }

        .labels_vnpt {
            color: red;
            font-family: "Lucida Grande", "Arial", sans-serif;
            font-size: 10px;
            font-weight: bold;
            text-align: center;
            width: 200px;
            padding: 5px; /*border: 2px solid black;*/
            text-align: center;
        }

</style>

    </div>
</div>




<script type="text/javascript">

    $("#map_canvas_ks").css('width', $(window).width() - 10);
    $("#map_canvas_ks").height($(window).height() - 130);

    initialize_maps_khao_sat();

    $("#quanhuyen_viewsmaps_khao_sat").combotree({
        url: _nameSubDomain + '/Donvi_ToQL/Get_QuanHuyen_PX_To_OnJson',
        method: 'get',
        idField: "id",
        treeField: "text",
        onSelect: function (row) {

            if (row.type == "all") {

                hange_view_dirctect_ksat("10.0322946", "105.7793358", "Quận Ninh Kiều");

            }
            else {

                change_view_dirctect_ksat(row.clat, row.clong, row.text);

            }

        }


    });


</script>
